<!DOCTYPE html>
<html lang='zh'>
	<head>
		<title>-</title>
		<meta charset='UTF-8'/>
		<meta name='Expires' content='0'/>
		<meta name='Pragma' content='no-cache'/>
		<meta name='Cache' content='no-cache'/>
		<meta name='Cache-Control' content='no-cache,no-store,must-revalidate,max-age=1'/>
		<meta name='robots' content='nofollow,noindex'/>
		<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
		<meta name='renderer' content='webkit'>
		<meta name='viewport'
			  content='shrink-to-fit=no,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=5'>
		<meta name='theme-color' content='#252932'/>
		<!--放个图标↓-->
		<link href='/favicon-32.webp' rel='icon'>
		<style>
			html{
				box-sizing :border-box;
				margin     :0;
				padding    :0;
				border     :0;
				height     :100%;
				width      :100%;
				overflow   :hidden;
			}
			body{
				box-sizing       :border-box;
				margin           :0;
				padding          :0;
				border           :0;
				height           :100%;
				width            :100%;
				background-color :#2C3E50;
			}
			.vue-container{
				box-sizing :border-box;
				padding    :0;
				margin     :0;
				border     :0;
				height     :100%;
				width      :100%;
			}
			/*用于阻止事件*/
			.disableEvent{
				pointer-events :none;
			}
			.animate-box{
				padding       :0;
				margin        :0;
				border        :0;
				height        :100%;
				width         :100%;
				display       :flex;
				flex-flow     :column nowrap;
				place-content :center center;
				place-items   :center center;
				place-self    :center center;
			}
			.box{
				padding       :0;
				margin        :0;
				border        :0;
				height        :15vw;
				width         :15vw;
				display       :flex;
				flex-flow     :row nowrap;
				place-content :center center;
				place-items   :center center;
				place-self    :center center;
			}
			.box span{
				padding   :0;
				margin    :0;
				border    :0;
				position  :absolute;
				width     :15vw;
				height    :15vw;
				animation :animate 3.5s linear infinite;
			}
			.box span::before{
				padding          :0;
				margin           :0;
				border           :0;
				position         :absolute;
				content          :'';
				background-color :#FFFFFF;
				width            :10%;
				height           :10%;
				bottom           :0;
				left             :calc(50% - 5px);
				border-radius    :50%;
			}
			.box span:nth-child(1){
				animation-delay :0s;
			}
			.box span:nth-child(2){
				animation-delay :0.1s;
			}
			.box span:nth-child(3){
				animation-delay :0.2s;
			}
			.box span:nth-child(4){
				animation-delay :0.3s;
			}
			.box span:nth-child(5){
				animation-delay :0.4s;
			}
			@keyframes animate{
				0%{
					transform :rotate(0deg);
					opacity   :1;
				}
				20%{
					transform :rotate(180deg);
					opacity   :1;
				}
				40%{
					transform :rotate(360deg);
					opacity   :1;
				}
				60%{
					transform :rotate(540deg);
					opacity   :1;
				}
				72%{
					transform :rotate(720deg);
					opacity   :0;
				}
				100%{
					transform :rotate(810deg);
					opacity   :0;
				}
			}
		</style>
	</head>
	<body>
		<noscript>
			<strong>你的浏览器似乎禁止了JavaScript的内容,启用它以查看该网站的内容</strong>
		</noscript>
		<div class='vue-container'>
			<div class='animate-box'>
				<div class='box'>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</div>
				<p>正在加载嗷...</p>
				<p>不要着急嗷...</p>
			</div>
		</div>
		<script type='module' src='/src/main.ts'></script>
	</body>
</html>